$(function () {
    var height = document.body.clientHeight - 500;
    $(".issue_txt").css('height',530+'px');

    var dataJson = JSON.parse($("#data_json").val());
    var l1 = 0, l2 = 0;
    var cname1, cname2, cname3;
    var cid1, cid2, cid3;
    $('ul', $('.select-box')).html('');
    fillData();

    $('span', $('.select-box')).on("click", function() {
        alert('请选择下级品类！');
    });

    $('.select-res').on('click', 'a', function() {
        $(this).parent().remove();
        $('.select-box').css({
            top: $('.select-res').offset().top + $('.select-res').outerHeight(true)
        });
    })

    $('ul.first', $('.select-box')).on('click', 'li', function() {
        $(this).addClass('selected').siblings().removeClass('selected');
        $('ul.third').html('');
        fillData($(this).index());
        l1 = $(this).index();
        cname1 = $(this).text();
        cid1 = $(this).attr('val');
        $('.select-res').html(cname1 + ' > ');
    });
    $('ul.second', $('.select-box')).on('click', 'li', function() {
        $(this).addClass('selected').siblings().removeClass('selected');
        fillData(l1, $(this).index());
        l2 = $(this).index();
        cname2 = $(this).text();
        cid2 = $(this).attr('val');
        $('.select-res').html(cname1 + ' > ' + cname2 + ' > ');
    });
    $('ul.third', $('.select-box')).on('click', 'li', function() {
        $(this).addClass('selected').siblings().removeClass('selected');
        cname3 = $(this).text();
        cid3 = $(this).attr('val');
        $('.select-res').html(cname1 + ' > ' + cname2 + ' > ' + cname3 + '<input type="hidden" value="' + cid1 + ',' + cid2 + ',' + cid3 + '" name="cid" /><input type="hidden" value="' + cname1 + ',' + cname2 + ',' + cname3 + '" name="cname" />');
    });

    // 提交下一步
    $(".goto_next").click(function () {
        if ($(".select-box .third").find('.selected').length <= 0 || $("#frm-ctype").find('input[type="hidden"]').length <= 0){
            put2('请选择商品类目');
            return 0;
        }
        $("#frm-ctype").submit();
    });

    // 填充级联数据
    function fillData(l1, l2) {
        var temp_html = "";
        if (typeof(dataJson) != 'undefined' && arguments.length == 0) {
            $.each(dataJson, function (i, pro) {
                temp_html += '<li val="' + pro.id + '">' + pro.name + '</li>';
            });
        } else if (typeof(dataJson[l1].child) != 'undefined' && arguments.length == 1) {
            $.each(dataJson[l1].child, function (i, pro) {
                temp_html += '<li val="' + pro.id + '">' + pro.name + '</li>';
            });
        } else if (typeof(dataJson[l1].child[l2].child) != 'undefined' && arguments.length == 2) {
            $.each(dataJson[l1].child[l2].child, function (i, pro) {
                temp_html += '<li val="' + pro.id + '">' + pro.name + '</li>';
            });
        }
        $('.select-box ul:eq(' + arguments.length + ')').html(temp_html);
    }

})